<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>小普马桶</title>
    <link rel="stylesheet" href="css/aui.css">
    <link rel="stylesheet" type="text/css" href="css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-flex.css" />
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">微信商城</header>
<!--轮播-->
<section id="app">
<div id="aui-slide3">
    <div class="aui-slide-wrap" >
        <div class="aui-slide-node bg-dark goDetail" @click="goLunboDetail">
             <img src="images/1.png"/>
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="images/2.png" />
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="images/3.png" />
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="images/4.png" />
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="images/5.png" />
        </div>
    </div>
    <div class="aui-slide-page-wrap"><!--分页容器--></div>
</div>
<div class="ad">
    推广活动
</div>
<div class="main">
    <div class="aui-flex-item-12 aui-border-l">
        <div class="aui-flex-col">
            <div class="aui-flex-item-6 aui-padded-10" style="position: relative;">
                <img src="./images/3.png">
                <h5 class="aui-text-warning">爱逛街</h5>
                <p>疯狂赛车来袭</p>
            </div>
            <div class="aui-flex-item-6 aui-padded-10 aui-border-l">
                <img src="./images/1.png">
                <h5 class="aui-text-success">必买清单</h5>
                <p>都帮你整理好啦</p>
            </div>
        </div>
    </div>
    <div class="aui-flex-item-12 aui-border-l">
        <div class="aui-flex-col">
            <div class="aui-flex-item-6 aui-padded-10" style="position: relative;">
                <img src="./images/3.png">
                <h5 class="aui-text-warning">爱逛街</h5>
                <p>疯狂赛车来袭</p>
            </div>
            <div class="aui-flex-item-6 aui-padded-10 aui-border-l">
                <img src="./images/1.png">
                <h5 class="aui-text-success">必买清单</h5>
                <p>都帮你整理好啦</p>
            </div>
        </div>
    </div>
</div>

</section>
    <footer class="aui-bar aui-bar-tab" id="footer">
        <div class="aui-bar-tab-item aui-active goHome"  >
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-bar-tab-label">首页</div>
        </div>
        <div class="aui-bar-tab-item goShop">
            <i class="aui-iconfont aui-icon-cart"></i>
            <div class="aui-bar-tab-label">购物车</div>
        </div>
        <div class="aui-bar-tab-item goMyCenter" >
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label">个人中心</div>
        </div>
    </footer>
    <script type="text/javascript" src="js/zepto.min.js"></script>
     <script type="text/javascript" src="js/api.js"></script>
    <script type="text/javascript" src="js/aui-slide.js"></script>
     <script type="text/javascript" src="js/aui-tab.js"></script>
    <script type="text/javascript" src="js/vue.min.js"></script>
     <script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
        var vltHome = new Vue({
            el:'#app',
            data:{},
            methods:{
                goLunboDetail:function(){
            window.location.href = "./html/detail/lunbo_detail.html";
        },
                goHome:function(){
                    window.location.href = "#";
                },
                goMyCenter:function(){//个人中心
                    window.location.href="html/my_center.html";
                }
            }
        });
//轮播
        var slide3 = new auiSlide({
            container:document.getElementById("aui-slide3"),
            // "width":300,
            "height":240,
            "speed":500,
            "autoPlay": 3000, //自动播放
            "loop":true,
            "pageShow":true,
            "pageStyle":'line',
            'dotPosition':'center'
        });
        var tab = new auiTab({
            element:document.getElementById("footer")
        },function(ret){
//	    	console.log(ret);
            if(ret){
//	            document.getElementById("demo").textContent = ret.index;
//	            if(ret.index == 2){
//	            	 window.location.href = "/vlth5/view/progress_check.html";
//	            }else if(ret.index == 3){
//	            	 window.location.href = "/vlth5/view/vlt_org.html";
//	            }
            }
        });

//        var topDiv = new auiTab({
//            element:document.getElementById("topDiv")
//        },function(ret){
//    	console.log(ret);
//        });
    </script>
</body>
</html>